(function (w) {
    // 设计稿宽度
    const designWidth = 375;
    // 基准字体大小
    const baseFontSize = 16;
    // 最大屏幕宽度
    const maxViewportWidth = 750;
    // 最大字体大小
    const maxFontSize = 40;

    function setRem() {
        const rootElement = document.documentElement;
        const deviceWidth = rootElement.getBoundingClientRect().width;

        // 断点判断
        if (deviceWidth >= maxViewportWidth) {
            rootElement.style.fontSize = `${maxFontSize}px`;
        } else if (deviceWidth <= designWidth) {
            rootElement.style.fontSize = `${baseFontSize}px`;
        } else {
            const fontSize = (deviceWidth / designWidth) * baseFontSize;
            rootElement.style.fontSize = `${Math.round(fontSize)}px`;
        }
    }

    // 初始化执行
    setRem();

    // 改变窗口大小重新设置rem
    window.addEventListener('resize', () => {
        setRem();
    });

})(window)